<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>photoCircle</title>
  <meta name=viewport content="width=device-width,initial-scale=1">
  <link href="../css/video-js.css" rel="stylesheet">
  <link href="../css/video-detail.css" rel="stylesheet">
</head>
<body>
<div class="m">
  <video id="my-video" class="video-js" controls preload="auto"  autoplay="autoplay" loop="loop" poster="../m.png" data-setup="{}">
    <source src="../video/mini-program.mp4" type="video/mp4">
    <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="../video/mini-program.mp4" target="_blank">supports HTML5 video</a>
    </p>
  </video>
  <script src="../js/video.min.js"></script>
  <script src="../js/zh-CN.js"></script>
  <script type="text/javascript">
    var myPlayer = videojs('my-video');
    videojs("my-video").ready(function() {
      var myPlayer = this;
      myPlayer.play();
    });
  </script>
</div>
</body>

</html>
